@import "./variables-inverse.less";
@import "./components.less";


//
// Custom form overrides
//

.custom-select {
  background-image: url();

  &:focus {
    color: @body-bg;
    background-color: #fff;
    background-image: url( );
    box-shadow: none;
  }
}

.custom-checkbox input:checked ~ .custom-control-indicator {
  background-image: url();
}
.custom-radio input:checked ~ .custom-control-indicator {
  background-clip: border-box;
  background-image: url();
}



// we do a highlevel override here for colors because we opt not to inverse
// these components backgrounds :)
.popover,
.popover-title,
.popover h1,
.popover h2,
.popover h3,
.popover h4,
.popover h5,
.popover h6,
.popover .h1,
.popover .h2,
.popover .h3,
.popover .h4,
.popover .h5,
.popover .h6,
.popover small,
.popover .small,
.modal,
.modal-title,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.modal .h1,
.modal .h2,
.modal .h3,
.modal .h4,
.modal .h5,
.modal .h6,
.modal small,
.modal .small {
  color: @gray-dark;
}
.popover .form-control,
.modal .form-control {
  color: @gray-dark;
  border-color: @modal-content-border-color;
  background: @modal-content-bg;
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
  .form-control-focus(@brand-primary);
}

/* simple contextual color overrides */
.nav > li > a {
  color: #cfd2da;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #fff;
}

.form-control {
  box-shadow: none;
}

// input group magic
.has-success,
.has-warning,
.has-error {
  .form-control,
  .form-control:focus {
    border-color: @input-border;
    box-shadow: none;
  }
  .input-group-addon {
    color: #fff;
    background-color: lighten(@body-bg, 18%);
    border-color: transparent;
  }
}
